/* pages/address-list/address-list.wxss */
/* pages/address-list/address-list.wxss */
page {
  background-color: #fff;
}
.address-list-container {
  padding-bottom: 200rpx;
  .address-list-box {
      padding: 26rpx;
      background-color: #fff;
      .address-title-box {
          font-size: 32rpx;
          .address-title {
              color: #777;
          }
          .add-view  {
              font-size: 30rpx;
              color: var(--primary-color);
              line-height: 34rpx;
              .iconfont {
                  font-size: 36rpx;
                  margin-right: 6rpx;
                  font-weight: bold;
              }
          }
      }
      .address-list {
          margin-top: 30rpx;
          width: 100%;
          .address-info {
              border: 2px solid #cfcfcf;
              border-radius: 6rpx;
              margin-top: 20rpx;
          }
          .address-item {
              padding: 20rpx;
              overflow: hidden;
              position: relative;
              .location-name {
                  color: #222;
                  font-size: 34rpx;
                  font-weight: bold;
                  width: 80%;
              }
              .street-number, .link-info  {
                  color: #999;
                  font-size: 26rpx;
                  margin-top: 20rpx;
                  width: 100%;
                  line-height: 30rpx;
              }
              .mobile {
                  margin-left: 20rpx;
              }
              .edit-view {
                  margin-left: auto;
                  color: #666;
                  padding: 0 10rpx;
                  .iconfont {
                      font-size: 30rpx;
                      margin-right: 6rpx;
                  }
              }
          }

          .is-checked-right {
              position: absolute;
              top: 0;
              right: 0;
              background-color: #fff;
              width: 50rpx;
              height: 50rpx;
              line-height: 50rpx;
              text-align: center;
              border-end-start-radius: 6rpx;
              .iconfont {
                  font-size: 40rpx;
                  font-weight: bold;
                  color: #fff;
              }
          }

          .is-checked {
              border-color: var(--primary-color);
              .is-checked-right {
                  background-color: var(--primary-color);
              }
          }

          .swiper-right-delete {
              height: 100%;
              background-color: var(--primary-color);
              border-radius: 0 5rpx 5rpx 0;
              color: #fff;
              padding: 0 15rpx;
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
          }
      }
  }
}